---
import '../../styles/blackbox.css';

import Default from '../../layouts/Default.astro';
import Form from '../../components/Form.astro';

const { board } = Astro.params;
---

<Default>
  <h1>{board}</h1>

  <Form board={board} tid="">
    <form id="form" method="post" action="/create/thread" onsubmit="document.getElementById('submit-button').disabled = true">
      <textarea name="ThreadName" placeholder="Thread Name" style="height: 1.5rem; width: 350px;"></textarea> <br>
      <textarea name="ThreadText" placeholder="Thread Contents" style="height: 150px; width: 350px;"></textarea>
      <br> <input id="submit-button" type="submit" value="Create Thread" />
      <input id="image" type="file" accept=".png,.jpg,.gif,.bmp,.mp4" />
    </form>
  </Form>
</Default>

<style>
  :root {
    --wdt: 360px;
    --ml: 0px;
  }
</style>